@charset "utf-8";
/* ksgc_product */
.ksgc_product{background: #fff;position: relative;padding:0 0 0;}
.ksgc_product .pro_nav{width: 270px;position: relative;z-index: 9999;}
.ksgc_product .pro_nav .top{background: url(../images/pro_top.png) no-repeat 30px 24px #005bac;box-sizing: border-box; height: 90px;width: 100%;padding: 23px 20px 0 85px;}
.ksgc_product .pro_nav .top .sup_t{font-size: 24px;color: #fff;}
.ksgc_product .pro_nav .top .sub_t{font-size: 12px;color: #fff;text-transform: uppercase;}
.ksgc_product .pro_nav .bottom{background-image: linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-o-linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-moz-linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-webkit-linear-gradient(0deg,#0091d2 0%,#005bac 100%);color: #fff;text-align: center; line-height: 2;font-size: 16px;padding: 20px;}
.ksgc_product .pro_nav .bottom i{display: block;font-size: 24px; font-weight: bold;color: #fff;line-height: 1.5;}
.ksgc_product .pro_nav ul{border: 1px solid #efefef;box-sizing: border-box;background: #fff;padding: 10px 20px;}
.ksgc_product .pro_nav ul li{height: 57px;line-height: 57px;border-bottom: 1px solid #efefef;position: relative;}
.ksgc_product .pro_nav ul li a{display: block;font-size: 15px;position: relative;}
.ksgc_product .pro_nav ul li a:hover{background-image: linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-o-linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-moz-linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-webkit-linear-gradient(0deg,#0091d2 0%,#005bac 100%);color: #fff;}
.ksgc_product .pro_nav ul li a:hover::before{content:url(../images/pro_icon_h.png);}
.ksgc_product .pro_nav ul li a::before{content:url(../images/pro_icon.png);font-family: 'Kaiti'; color: #999999;padding:0 10px;}
.ksgc_product .pro_nav ul li a.navcur{background-image: linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-o-linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-moz-linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-webkit-linear-gradient(0deg,#0091d2 0%,#005bac 100%);color: #fff;}
.ksgc_product .pro_nav ul li a.navcur::before{color: #fff;}

.ksgc_product .pro_nav ul li:hover ul.sub{position: absolute;left:228px; min-width: 200px;border: 1px solid #efefef;top: 0;display: block;}
.ksgc_product .pro_nav ul li ul.sub{display: none;padding: 10px;}
.ksgc_product .pro_nav ul li ul.sub li{height: 40px;line-height: 40px;}
.ksgc_product .pro_nav ul li ul.sub li a{font-size: 13px;}
.ksgc_product .pro_nav ul li ul.sub li a::before{content: '';font-family: 'Kaiti'; color: #999999;padding:0 10px 0 0;}
.ksgc_product .pro_nav ul li ul.sub li a:hover::before{color: #fff;}


.ksgc_product .pro_con{width: 905px;padding-top: 10px;}
.ksgc_product .pro_con .tit{font-size: 24px;color: #333333;position: relative;box-sizing: border-box;overflow: hidden;}
.ksgc_product .pro_con .tit span{display: block;}
.ksgc_product .pro_con .tit i{padding-right: 10px;font-size: 16px;color: #d0d0d0;text-transform: uppercase;background: #fff;position: relative;z-index: 1;display: inline-block;}
.ksgc_product .pro_con .tit::after{content: '';border-top: 1px solid #d0d0d0;position: absolute;bottom: 10px;width: 100%; z-index: 0;}
.ksgc_product .pro_con .tit a.more{position: absolute;right: 0;top: 0;width: 60px; height: 60px;background: url(../images/pro.png) no-repeat center 10px #005bac;color: #fff;font-size: 12px;text-align: center;box-sizing: border-box;padding-top:38px; z-index: 2;}
.ksgc_product .po_list{display: flex;flex-wrap: wrap;justify-content: start;margin-top: 15px;}
.ksgc_product .po_list li{width: 32%;margin-right: 2%;margin-bottom: 15px;overflow: hidden;}
.ksgc_product .po_list li .li_pic{width: 100%;overflow: hidden;box-sizing: border-box;border: 1px solid #efefef;}
.ksgc_product .po_list li .li_pic img{width: 288px; height: 216px;}
.ksgc_product .po_list li .li_t{font-size: 15px;line-height: 3;text-align: center;}
.ksgc_product .po_list li:nth-child(3n+0){margin-right:0;}
.ksgc_product .po_list li .links{width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-around;text-align: center;}
.ksgc_product .po_list li .links a{width: 50%;display: inline-block;line-height: 2.5;border: 1px solid #efefef;font-size: 15px;position: relative;}
.ksgc_product .po_list li .links a:after{content: '>';font-family: 'Kaiti';padding: 0 0 0 10px;}
.ksgc_product .po_list li .links a+a{border-left:none;}
.ksgc_product .po_list li .links a:first-child:after{content: '+';padding: 0 0 0 10px; font-family: "Microsoft Yahei";}
.ksgc_product .po_list li .links a:first-child{border-radius: 30px 0 0 30px;}
.ksgc_product .po_list li .links a:first-child:hover{background: #0091d2;color: #fff;}
.ksgc_product .po_list li .links a:last-child{border-radius: 0 30px 30px 0;}
.ksgc_product .po_list li .links a:last-child:hover{background: #005bac;color: #fff;}


/* ksgc_adv */
.ksgc_adv{position: relative;overflow: hidden;background: url(../images/adv_bg.jpg) center bottom no-repeat;margin-bottom: 30px;}
.ksgc_adv_con{position: relative; box-sizing: border-box;min-height: 326px;display: flex;flex-wrap: wrap;justify-content: space-around;}
.ksgc_adv_con dl{position: relative;width: 30%;box-sizing: border-box;text-align: center;}
.ksgc_adv_con dl dt{position: relative;font-size: 24px;color: #333333;line-height: 60px;border-bottom: 1px solid #efefef;font-weight: bold;margin-bottom: 20px;display: block;}
.ksgc_adv_con dl em{width: 50px;height: 50px;background-image: linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-o-linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-moz-linear-gradient(0deg,#0091d2 0%,#005bac 100%);background-image:-webkit-linear-gradient(0deg,#0091d2 0%,#005bac 100%);display: inline-block;border-radius: 50%;line-height: 50px;color: #fff;font-size: 30px;text-align: center;display: inline-block;}
.ksgc_adv_con dl dd:before{content: url(../images/ico_t.png);margin-right: 10px;}
.ksgc_adv_con dl dd{font-size: 16px;line-height: 2;}

/* ksgc_cases */
.ksgc_cases{}
.ksgc_cases_con{padding-bottom: 50px; height: 520px;}
.ksgc_cases_con .bd{position: absolute;left: 0;top: 30px;width: 850px;height: 465px;float: left; z-index: 2;}
.ksgc_cases_con .bd ul{ padding:0;  zoom:1;  }
.ksgc_cases_con .bd ul .pic{width: 850px;height: 465px;}
.ksgc_cases_con .bd ul .tit{position: absolute;bottom: 0;width: 100%;left: 0;height: 100px;background: rgba(0, 0, 0, 0.8);padding:0 20px;box-sizing: border-box;}
.ksgc_cases_con .bd ul .tit h4{font-size: 16px;color: #fff;line-height:3;border-bottom: 1px dashed #fff; width: 85%;}
.ksgc_cases_con .bd ul .tit p{color: #fff;line-height: 2;font-size: 14px;}
.ksgc_cases_con .bd ul .tit a.more{background: #005bac;position: absolute;right: 0;top: 0;width: 100px; height: 100px;color: #fff;text-align: center;box-sizing: border-box;padding-top: 65px;}
.ksgc_cases_con .bd ul .tit a.more::before{content: '+';width: 37px; height: 37px;border: 1px solid #fff; border-radius: 50%;color: #fff;display: inline-block; position: absolute;left: 50%;top: 15%;transform: translateX(-50%);font-size: 30px;font-family: 'KAiti';}
.ksgc_cases_con .hd{position: absolute;right: 0;z-index: 1;}
.ksgc_cases_con .hd{content: '';width: 370px; height: 515px;position: absolute;top: 0;border: 5px solid #005bac;}
.ksgc_cases_con .hd ul{padding: 50px 30px 0 50px;position: relative;}
.ksgc_cases_con .hd ul::before{content: '';width: 1px; height:430px;border-left: 1px solid #efefef;position: absolute;left: 60px; z-index: 0; top: 40px;}
.ksgc_cases_con .hd ul li{line-height: 60px;font-size: 16px;color: #333333;padding-left: 30px;position: relative;z-index: 1;}
.ksgc_cases_con .hd ul li a{display: block;}
.ksgc_cases_con .hd ul li:hover{background-image: linear-gradient(45deg,#0091d2, #005bac);color: #fff;}
.ksgc_cases_con .hd ul li:hover a{color: #fff;}
.ksgc_cases_con .hd a.more{line-height: 60px;font-size: 16px;color: #333;padding-left: 30px;position: relative;z-index: 1;margin-left: 50px;display: block;}
.ksgc_cases_con .hd a.more:hover{color: #005bac;}

/* ksgc_ad */
.ksgc_ad{background: url(../images/ad.jpg) no-repeat center center;height: 330px;width: 100%; color: #fff;text-align: center;position: relative;}
.ksgc_ad_con{background: url(../images/ksgc_ad_con.png) no-repeat center center;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 826px;}
.ksgc_ad_con strong{font-size: 36px;display: block;position: relative;top: -20px;left: 15px;}
.ksgc_ad_con strong em{font-size: 48px;font-style: italic;color: #ffffff;}
.ksgc_ad_con b{font-size: 24px;line-height: 3;font-weight: lighter;display: block;}
.ksgc_ad_con .pho{font-size: 18px;background: url(../images/pho_icon.png) no-repeat left;padding-left: 45px;display: inline-block;height: 40px;line-height: 40px;}
.ksgc_ad_con .pho i{font-size: 24px;font-weight: bold;color: #fff;}

/* ksgc_about */
.ksgc_about{margin-bottom: 30px;position: relative;}
.ksgc_about::after{content: '';width: 370px; height: 480px;position: absolute;top: 150px;border: 5px solid #005bac;}
.ksgc_about .content{position: relative;z-index: 1;}
.ksgc_about .left{width: 310px;padding: 0 10px 0 30px;box-sizing: border-box;}
.ksgc_about .left .tit{text-transform: uppercase;font-size: 18px;color: #cccccc;position: relative;margin-bottom: 15px;}
.ksgc_about .left .tit span{font-size: 30px;color: #333333;padding-bottom: 20px;display: block;}
.ksgc_about .left .tit:after{content: '';position: absolute;left: 0; bottom: 0;width: 50px;height: 3px; background:#005bac ;}
.ksgc_about .left p{font-size: 15px; line-height: 2.2;text-indent: 30px;}
.ksgc_about .right{width: 870px; }
.ksgc_about .right img{border: 5px solid #fff; }
.ksgc_about_pic {margin-top: 60px;}
.ksgc_about_pic:before{content: '';width: 105%;height: 1px;background: #efefef;position: absolute;top: 20px;left: -220px;}
.ksgc_about_pic .hd{width: 100%; }
.ksgc_about_pic .hd ul{display: flex;flex-wrap: nowrap;justify-content: flex-end;}
.ksgc_about_pic .hd ul li{padding: 8px 30px ;}
.ksgc_about_pic .hd ul li+li{margin-left: 10px;}
.ksgc_about_pic .hd ul li a{font-size: 18px;color: #333;display: block;}
.ksgc_about_pic .hd ul li.on a{color: #fff; }
.ksgc_about_pic .hd ul li.on {background-image: linear-gradient(45deg,#0091d2, #005bac); }
.ksgc_about_pic .bd {width: 100%;}
.ksgc_about_pic .bd ul .content{display: flex;flex-wrap: wrap;justify-content: start;margin-top: 15px;}
.ksgc_about_pic .bd  li{width: 24%;margin-right: 1.25%;margin-bottom: 15px;overflow: hidden;border: 1px solid #efefef;box-sizing: border-box;}
.ksgc_about_pic .bd  li:hover{background: #005bac;}
.ksgc_about_pic .bd  li:hover  .li_t{color: #fff;}
.ksgc_about_pic .bd  li .li_pic{width: 100%;overflow: hidden;box-sizing: border-box;}
.ksgc_about_pic .bd  li .li_pic img{width: 100%;}
.ksgc_about_pic .bd  li .li_t{font-size: 15px;line-height: 3.5;text-align: center;}
.ksgc_about_pic .bd  li:nth-child(4n+0){margin-right:0;}

/* news */

.ksgc_news {box-sizing: border-box;padding: 0 0 30px;}
.ksgc_news .t {margin-bottom: 30px;}
.ksgc_news .t_n {text-align: left;color: #fff;font-size: 28px;position: relative;}
.ksgc_news .t_n i {display: block;color: #fff;text-transform: capitalize;font-size: 15px;font-style: normal;}
.ksgc_news .t_n a {position: absolute;width: 30px;height: 30px;background-color: #0091d2;color: #fff;right: 0;top: 10px;line-height: 30px;text-align: center;}
.ksgc_news .left {width: 430px;height: 585px;overflow: hidden;background: url(../images/n_l.jpg) 0 0 no-repeat #f5f5f5;padding: 20px 35px;box-sizing: border-box;}
.ksgc_news .left dl {padding-top: 30px;position: relative;}
.ksgc_news .left dt {width: 100%;}
.ksgc_news .left dt img {width: 360px;height: 240px;border: 1px solid #fff;box-sizing: border-box;}
.ksgc_news .left dl {width: 100%;position: relative;}
.ksgc_news .left dd {bottom: 0;width: 100%;box-sizing: border-box;padding: 20px 0;color: #333;}
.ksgc_news .left dd h3 {width: 100%;font-size: 18px;line-height: 2.5;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ksgc_news .left dd p {width: 100%;font-size: 15px;line-height: 2;color: #999;}
.ksgc_news .left dl .date {display: block;text-align: right;font-size: 14px;color: #999999;position: relative;}
.ksgc_news .left dl .date:before {content: '';width: 100px;height: 1px;background-color: #d1d1d1;position: absolute;left: 0;top: 10px;}
.ksgc_news .right {width: 750px;box-sizing: border-box;}
.ksgc_news .right .top,
.ksgc_news .right .bottom {border: 1px solid #dedede;padding: 20px 35px;}
.ksgc_news .right .top {margin-bottom: 20px;}
.ksgc_news .right .t_n {color: #333;}
.ksgc_news .right .t_n span {color: #c4151c;font-weight: bold;}
.ksgc_news .right .t_n i {color: #999;}
.txtScroll-left {position: relative;}
.txtScroll-left .hd {overflow: hidden;height: 30px;position: absolute;top: -40px;right: 0;}
.txtScroll-left .hd .next {background-position: 0 -50px;}
.txtScroll-left .hd .prevStop {background-position: -60px 0;}
.txtScroll-left .hd .nextStop {background-position: -60px -50px;}
.txtScroll-left .hd ul {float: right;overflow: hidden;zoom: 1;margin-top: 10px;}
.txtScroll-left .hd ul li {float: left;width: 9px;height: 9px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background-color: #dbdbdb;border-radius: 10px;}
.txtScroll-left .hd ul li.on {width: 20px;background-color: #0091d2;}
.txtScroll-left .bd {overflow: hidden;}
.txtScroll-left .bd ul {overflow: hidden;zoom: 1;}
.txtScroll-left .bd ul li {margin-right: 20px;float: left;height: 24px;line-height: 24px;text-align: left;_display: inline;}
.txtScroll-left .bd ul li span {color: #999;}
.ksgc_news .right .list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.ksgc_news .right .list dl {position: relative;width: 329px;box-sizing: border-box;margin-right: 20px;}
.ksgc_news .right .list dt {width: 100%;}
.ksgc_news .right .list dd {bottom: 0;width: 100%;box-sizing: border-box;padding: 20px 0 0 0;color: #333;}
.ksgc_news .right .list dd h3 {width: 100%;font-size: 18px;line-height: 2.5;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ksgc_news .right .list dd p {width: 100%;font-size: 15px;line-height: 2;color: #999;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.ksgc_news .right .list dl .date {display: block;text-align: right;font-size: 14px;color: #999999;position: relative;padding-right: 0;}
.ksgc_news .right .list dl .date:before {content: '';width: 100px;height: 1px;background-color: #d1d1d1;position: absolute;left: 0;top: 10px;}
.ksgc_news .right .bottom .fl {width: 290px;height: 250px;}
.ksgc_news .right .bottom .fl img{width: 100%;}
.ksgc_news .right .bottom .fr {text-align: left;width: 380px;padding: 0 0 0 20px;box-sizing: border-box;position: relative;}
.ksgc_news .right .bottom .fr .t_n {margin-bottom: 20px;}
.ksgc_news .right .bottom .fr dl {margin-bottom: 10px;}
.ksgc_news .right .bottom .fr dt {position: relative;font-size: 16px;line-height: 2;padding-left: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ksgc_news .right .bottom .fr dt::before {content: "问";width: 25px;height: 25px;background-color: #0091d2;border-radius: 50%;display: inline-block;color: #fff;text-align: center;line-height: 25px;margin-right: 10px;font-size: 14px;position: absolute;left: 0;top: 5px;}
.ksgc_news .right .bottom .fr dd {position: relative;font-size: 16px;padding-left: 40px;line-height: 2;color: #999;padding-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ksgc_news .right .bottom .fr dd::before {content: "答";width: 25px;height: 25px;box-sizing: border-box;border: 1px solid #efefef;border-radius: 50%;display: inline-block;color: #999;text-align: center;line-height: 25px;margin-right: 10px;font-size: 14px;position: absolute;left: 0;top: 10px;}
.txtScroll-top {position: relative;}
.txtScroll-top .hd {overflow: hidden;height: 30px;position: absolute;top: -45px;right: 0;}
.txtScroll-top .hd .next {background-position: 0 -50px;}
.txtScroll-top .hd .prevStop {background-position: -60px 0;}
.txtScroll-top .hd .nextStop {background-position: -60px -50px;}
.txtScroll-top .hd ul {float: right;overflow: hidden;zoom: 1;margin-top: 10px;}
.txtScroll-top .hd ul li {float: left;width: 9px;height: 9px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background-color: #dbdbdb;border-radius: 10px;}
.txtScroll-top .hd ul li.on {width: 20px;background-color: #0091d2;}
.txtScroll-top .bd {overflow: hidden;}
.txtScroll-top .bd ul {overflow: hidden;zoom: 1;}
.txtScroll-top .bd ul li {margin-right: 20px;float: left;height: 24px;line-height: 24px;text-align: left;_display: inline;}
.txtScroll-top .bd ul li span {color: #999;
}